<div class="funcbtn__wrap" (click)="_click()" [ngClass]="{'funcbtn__wrap_active': active}">
  <span class="funcbtn__text">
    <i *ngIf="!active" class="iconfont icon-gongnengkaiguan" style="font-size: 24px;"></i>
    <i *ngIf="active" nz-icon nzType="close" nzTheme="outline" style="font-size: 20px;"></i>
  </span>
</div>

<div class="btnpanel" [ngClass]="{'fade': active}">
  <div
    style="padding: 20px !important;cursor: default;font-size: 17px;font-weight: normal !important;line-height: normal !important;">
    <p style="padding: 30px !important;
      cursor: default;
      font-size: 17px;
      font-weight: normal !important;
      line-height: normal !important;padding-bottom: 0 !important;text-align: center;margin: 0;min-height: 17px;
    word-break: break-word;
    word-wrap: break-word; margin-bottom: 20px">{{title}}</p>
    <div class="widget_content">
      <div class="emotion_content">
        <div *ngFor="let btn of btns; let idx = index" class="emotion_item" [ngClass]="{'fade': opt >= (idx+1)}">
          <button [nzLoading]="btn.loading" (click)="ok(idx)" nz-button nzType="primary" [nzSize]="'large'"
            nzShape="circle">
            <i class="iconfont {{btn.icon}}"></i></button>
          <div class="remark">{{btn.remark}}</div>
        </div>
      </div>
    </div>
  </div>
</div>
